import React, { createContext, useContext, useState } from 'react';

const ImmersiveContext = createContext({
  isImmersive: false,
  setIsImmersive: (v: boolean) => {},
});

export const ImmersiveProvider = ({ children }: { children: React.ReactNode }) => {
  const [isImmersive, setIsImmersive] = useState(false);
  return (
    <ImmersiveContext.Provider value={{ isImmersive, setIsImmersive }}>
      {children}
    </ImmersiveContext.Provider>
  );
};

export const useImmersive = () => useContext(ImmersiveContext); 